<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<title>3D立方体旋转</title>
		<meta http-equiv="keywords" content="">
	    <meta http-equiv="description" content="">
	    <!--<meta http-equiv="X-UA-Compatible" content=“IE=EmulateIE8″>-->
	    <meta http-equiv="X-UA-Compatible" content=”IE=Edge,chrome=1″ />
	    <meta name="renderer" content="webkit">
	    <link rel="stylesheet" href="style/css/base/MyReset.css" />
	    <link rel="stylesheet" href="style/css/page/3dRotate.css" />
	</head>
	<body>
		<div class="rect-wrap">   <!--舞台元素，设置perspective，让其子元素获得透视效果。-->
		    <div class="container">    <!--容器，设置transform-style: preserve-3d，让其子元素在3D空间呈现-->
		        <div class="top slide"></div>   <!--立方体的六个面-->
		        <div class="bottom slide"></div>
		        <div class="left slide"></div>
		        <div class="right slide"></div>
		        <div class="front slide">2222</div>
		        <div class="back slide"></div>
		    </div>
		</div>
	</body>
</html>
